<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <el-card class="admin-header">
    <a href="/index">
      <img src="../../assets/logo.png" alt="" width="55px" style="float: left;margin-top: -5px;">
    </a>
    <span style="font-size: 32px;font-weight: bold;position:absolute;left: 100px">I.C.R.S</span>
    <el-button-group style="float: right">
      <el-button type="info" plain icon="el-icon-switch-button" v-on:click="logout" >退出登录</el-button>
    </el-button-group>
    </el-card>
</template>

<script>

  export default {
    // eslint-disable-next-line vue/multi-word-component-names
    name: 'Header',
    methods: {
      logout () {
        // 跳转到首页
        this.$router.replace('/login')
      }
    }
  }
</script>

<style scoped>
  .admin-header {
    height: 70px;
    opacity: 0.85;
    line-height: 40px;
    min-width: 900px;
  }
  .el-icon-switch-button {
    cursor: pointer;
    outline:0;
  }
</style>
